<!DOCTYPE html>
<html>

<head>
  <!-- 移动端兼容代码 -->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-touch-fullscreen" content="yes" />
  <meta name="format-detection" content="telephone=no,address=no" />
  <meta name="apple-mobile-web-app-status-bar-style" content="white" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>文件共享</title>
  <!-- vue -->
  <script type="text/javascript" src="./lib/js/vue/vue.js"></script>
  <script type="text/javascript" src="./lib/js/vue/vue-resource.js"></script>
  <script type="text/javascript" src="./lib/js/vue/http-vue-loader.js"></script>
  <!-- 引入element-ui css-->
  <script src="./lib/js/element-ui/lib/index.js"></script>
  <link rel="stylesheet" href="./lib/js/element-ui/lib/theme-chalk/index.css" />
  
    <!--断点下载-->
  <script type="text/javascript" src="./lib/js/jquery-3.3.1.min.js"></script>
  <script type="text/javascript" src="./lib/js/web-uploader.min-0.1.6.js"></script>
  <script src="./js/uploader.js"></script>
	
</head>

<style>
  body {
    margin: 0;
  }
</style>

<body>
  <div id="app">
    <el-container style="height: 100vh;background-size: cover;">
      <el-header height="40px" style="color: #fff;justify-content: space-between">
        <span>
          <span>共享文件：</span>
        </span>
        <span>

        </span>
      </el-header>
      <el-main style="display: flex; flex-direction: column;position: relative; padding: 10px;">
	      <webupload ref="wupload"
		  > </webupload>
      </el-main>
    </el-container>
  </div>
</body>
<script>
  (function () {
    return initVueApp();


    function initVueApp() {
      //初始化vue实例，界面的管理逻辑
      window.app = new Vue({
        el: "#app",
        name: "",
        components: {
		  webupload:httpVueLoader("components/web-upload.vue")
        },
        data() {
          return {
			  aid: '',
			  group: '',
          };
        },
        computed: {

        },
        created() {
        },
        mounted() {
        },
        methods: {		
        },
        watch: {

        },
      });
    }
  })();
</script>
<style>
  * {
    list-style: none;
  }

  .el-popover {
    text-align: center;
    transform: scale(0.6);
    padding: 0;
  }
</style>
<style scoped>
  .el-main {
    padding: 0;
  }

  .el-header,
  .el-footer {
    background: #5592fb;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    padding: 10px 0;
    box-sizing: border-box;
  }

  .el-footer {
    background: #fff;
  }

  /* header */
  .el-header span,
  .el-footer span,
  .el-header i,
  .el-footer i {
    display: flex;
    align-items: center;
  }

  .el-header i,
  .el-footer i {
    padding: 0 8px;
  }

  .el-header i>img {
    /* width: 23px; */
  }

  .el-footer i>img {
    /* height: 29px; */
  }

  }
</style>

</html>